<template>
  <div>
    <el-form :inline="true" class="user-search" label-width="80px">
      <el-form-item label="房型名字">
        <el-input size="small"style="width: 62.5rem;" v-model="mergeForm.name" clearable placeholder="房型名字" clearable></el-input>
      </el-form-item>

      <el-form-item label="房间类别">
        <el-radio v-model="mergeForm.classify"  label="1">普通房</el-radio>
        <el-radio v-model="mergeForm.classify" label="2" clearable>钟点房</el-radio>
      </el-form-item>

      <el-form-item label="门市价">
        <el-input size="small" v-model="mergeForm.price" style="width: 1000px;" clearable placeholder="房型名字" clearable>
        </el-input>
      </el-form-item>

      <el-form-item label="房间设施">
        <el-checkbox v-model="mergeForm.facilities">热水</el-checkbox>
        <el-checkbox v-model="mergeForm.facilities">空调</el-checkbox>
        <el-checkbox v-model="mergeForm.facilities">电视</el-checkbox>
        <el-checkbox v-model="mergeForm.facilities">WIFI</el-checkbox>
        <el-checkbox v-model="mergeForm.facilities" clearable>窗户</el-checkbox>
      </el-form-item>

      <el-form-item label="楼层">
        <el-input size="small" v-model="mergeForm.floor" style="width: 1000px;" clearable placeholder="楼层" clearable></el-input>
      </el-form-item>

      <el-form-item label="可住人数">
        <el-input size="small" v-model="mergeForm.people" style="width: 1000px;" clearable placeholder="可住人数" clearable></el-input>
      </el-form-item>

      <el-form-item label="床型尺寸">
        <el-input size="small" v-model="mergeForm.size" style="width: 1000px;" clearable placeholder="床型尺寸" clearable></el-input>
      </el-form-item>

    </el-form>

    <div slot="footer" class="dialog-footer">
      <el-button @click="dialogMergeFormVisible">取 消</el-button>
      <el-button type="primary" @click="doSubmit">确 定</el-button>
      <el-input type="hidden" v-model="mergeForm.id"></el-input>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        mergeForm: {
          name: null,
          classify: '1',
          price: null,
          facilities: true,
          floor: null,
          people: null,
          size: null
        },
      }
    },
    methods: {},
    created() {
      this.list()
    }
  }
</script>

<style>
  .user-search {
    margin-top: 20px;
  }

  .userRole {
    width: 100%;
  }

  .block {
    margin-top: 20px;
    text-align: right;
  }

  .disabled {
    font-size: 17px;
  }
</style>
